@import "../_mixin";

.detail-info {
	background-color: #efefef;
	padding-bottom: 0.8rem;

	header {
		padding: 0.32rem 0.64rem;

		i {
			display: inline-block;
			margin: 0 auto;
			width: 0.906667rem;
			height: 0.92rem;
			vertical-align: middle;
			background-size: contain;
			background-position: 50% 50%;
			background-repeat: no-repeat;

			&.type-1 {
				background-image: url(../../images/detail/details-of-the-loan.png);
			}
			&.type-2 {
				background-image: url(../../images/detail/borrower.png);
			}
			&.type-3 {
				background-image: url(../../images/detail/bid-record.png);
			}
		}

		span {
			margin-left: 0.266667rem;
			@include font-dpr(18px);
			color: #666;
			vertical-align: middle;
		}
	}

	.content {
		padding: 0.333333rem 0.4rem;
		margin: 0 0.186667rem;
		@include font-dpr(16px);
		line-height: 0.8rem;
		color: #666;
		border: 1px solid #e4e4e4;
		border-radius: 0.08rem;
		background-color: #fff;
	}

	article {
		
	}

	.list {
		li {
			padding-left: 0.16rem;

			&:nth-child(even){
				background-color: #f6f6f6;
			}
		}

		div {
			display: -webkit-box;
			padding: 0.24rem 0;

			&.title {
				span {
					@include font-dpr(16px);
				}
			}

			span {
				display: block;
				width: 100%;
				-webkit-box-flex: 3;
				@include font-dpr(14px);

				&:nth-child(3) {
					-webkit-box-flex: 2;
					text-align: center;
				}
			}
		}
	}
}

